@charset "utf-8";
body{ font-size: 12px;  background-color: #f5f5f5;}
.wrap{ max-width: 750px; margin:0 auto; height: 100%; padding-bottom: 13%;}
/*首页*/
.logoPic{ width: 100%; background: #43bdef; height: 90px;}
.storeLogo{ float: left; width: 8%; margin:1.6% 2.5%; }
.storeLogo img{ width: 100%;}
.logoPic .storeTitle{ float: left;line-height: 90px; font-size: 28px; color: #fff; font-weight: bold;}
.brandZone{ width: 100%; position: relative; background: #fff; height: 88px;margin-top: 10px; margin-bottom: 10px;}
 
.hotSales{ background: #fff; width: 100%;}
.hotSales01 .hotProducts{ width: 50%; float: left;; border-right: 1px solid #f3f3f3; border-bottom:  1px solid #f3f3f3; box-sizing:border-box;}
.preferentialType{ float: left; padding-left: 5%; width: 40%; margin-top: 31px;}
.preferentialPic{ float: right; margin-bottom: 2%; margin-right: 5%;}
.preferentialType .k2{ color: #01c9bb; font-size:26px; font-weight: bold;}
.preferentialType .kTitle{background: #01c9bb; padding: 1% 5%; color: #fff; font-size: 22px; text-align: center; display: block;}
.preferentialType .k3{font-weight: normal; font-size: 24px;}
.preferentialType .L1{ font-weight: normal; }
.kTitle1{ font-weight: bold; font-size: 28px; }
.pTypeW{ width: 50%; }
.marginR{ margin-right: 0;}
.brandTitle{ padding: 0 20px;text-align: center;}
.brandTitle span{ color: #3db5e6; font-size: 28px; font-weight: bold; position: absolute; z-index: 5;
 background: #ffffff; padding: 5px 20px; left:40%; top:15%;}
.onePx{ border-top: 1px solid #3db5e6; position: absolute; top: 40px; left: 0; width:90%; left: 5%;}
.brandType{width: 100%; margin-top: 10px;}
.brandCon{overflow: hidden; width: 100%; position: relative; height: 300px; left: 0}
.brandList{position: absolute; left: 0;}
.brandList li{ width: 248px; }
.brandList li:nth-of-type(1){ margin-left: 0;}
.brandList li{ float: left; margin-left: 3px;}
.prev{ left: 0; top:48%;}
.next{ right: 0; top: 48%;}
.prev,.next{ position: absolute; font-size: 26px; color: #fff; background: #d8f0fa;  display: block; padding: 1% 2%;}
.hotSales01 .borderB{ border-bottom:none}
.marginT{ padding-top: 15%;}
.green{ background-color: #d8f0fa; padding: 25px; color: #fff; }
.opdd{ height: 55px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.sellType{ width: 100%; background: #fff;margin-top: 0px;}
.sellList{ width: 26%; text-align: center; font-size: 24px; background: #fff;}
.sellList li{ height: 120px;position: relative; line-height: 60px; overflow:hidden;}
.sellList li a{ color: #000; height: 120px;padding: 0 5px;}
.sellList li.line{ line-height: 60px; padding-top: 10px;}
.sellList li.active a{background: #f0f0f0; color: #3db5e6; display: block;overflow:hidden;}
.sellList li.active span{width: 10px; height:100%; background: #3db5e6}
.sellList span{ position: absolute; left: 0; top: 0; background:#f0f0f0;}
.sellList{ float: left;}
.sellCon{ float: left;width: 74%; background: #f0f0f0;padding-bottom: 50px;height:100%;}
.sellConList01{ float: left; margin-left: 1.5%; width: 48%; margin-top: 12px; border:1px solid #dddddd; background: #fff; height: 480px; position: relative;}
.sellConList01 a{ color: #333333; width: 285px; height: 264px;}
.sellConList01 a img{ width: 100%; height: 264px;}
.activity{ width: 100%; padding-top: 10px;}
.sellConList01{ padding-bottom: 10px;}
.sellConList01 p{padding-left: 10px;}
.sellConList01 p:nth-of-type(1){ color: #333333; font-size: 22px;}
.sellConList01 p:nth-of-type(2){ font-size: 26px;padding-top:10px; }
.sellConList01 .exclusive{ background: #ff828a; color: #fff; font-size: 14px; padding: 1% 3%; margin-left: 5%;}
.f1{ font-size: 20px; }
.sellConList01 p:nth-of-type(3){ color: #43bdef; font-size: 26px;padding-top:10px;}
.sellConList01 p:nth-of-type(4){color: #808080; padding-top: 4%;font-size:22px;}
.sellCon{ display: none; }
.s6 small{ font-size: 16px; }




 /*商品详细页*/
 .infoDetail{ width: 100%; background-color: #fff; padding-bottom: 10px;}
 .descriptionDetail{ padding:0 20px}
 .descriptionDetail .bookInfo{  font-size: 24px; padding: 10px 0;}
 .bookDescription{ font-size: 22px; }
 .knowledge .oPrice{ float: left; font-weight: bold;}
 .knowledge .ybPay{ padding-left: 2%; font-weight: bold;}
 .knowledge .remaining{ float: right; border: 1px solid #eeeeee; padding:10px 20px; margin-right: 20px;  color: #666666; font-size: 16px; border-radius: 5px; }
 .knowledge .oPrice,.grey{ font-size: 24px; padding-left: 10px;}
  .knowledge .bigPrice{ font-size: 28px; }
 .knowledge .mailType{ font-size: 22px; padding-left: 20px; font-weight: normal; color: #666666}
 .purchase{ padding: 0 20px; }
 .purchase .purchaseTitle{ display: block; float: left; font-size: 24px;}
 .purchase .purchasePayMaxNum{font-size: 16px;margin:5px 10px 5px 10px;}
 .purchaseNum{ float: right; font-size: 24px;}
 .purchaseNum input.sumNum{ width: 100px; text-align: center; float: left; line-height: 40px; font-size: 28px; height: 60px; border-bottom: 1px solid #999999; border-top: 1px solid #999999;}
 .purchaseNum a:hover{background: #f0f0f0;}
 .buyNum{ width: 100%; background: #fff; margin-top: 10px; padding: 20px 0;}
 .purchase{padding: 0 20px;}
 .purchaseNum span{border: 1px solid #999999; display: block; float:left;}
 .purchaseNum span a{ display: block;padding: 15px 25px; color: #000;}
 .purchaseNum .Reduction{ border-radius: 5px 0 0 5px; }
 .purchaseNum .sumNum{ border-left: none; border-right: none; }
 .purchaseNum .add{ border-radius: 0 5px 5px 0; }
 .graphicTitle{ border-bottom: 1px solid #dddddd; font-size: 30px; height: 88px; line-height: 88px;}
 .graphicTitle  a{ width: 50%; text-align:center; display: block; float: left; color: #999999; position: relative;}
 .graphicTitle  a.active{ color: #000;}
 .graphicTitle  a span{ display: block; width: 100%; height: 4px;position: absolute; bottom: 0;background: #fff;}
 .graphicTitle  a.active span{ background: #ff828a; width: 100%;}
 .graphicDetails{ background: #fff; padding-bottom: 20px;  margin-top: 10px;}
 .graphicInfo{ padding-bottom: 20px; display: none; font-size: 20px; padding: 5%;word-break: break-all;}
 .graphicInfo img{ width: 100%; display:block;}
 .swiper-pagination-bullet{ background:#bfe3f1; opacity: 1;}
 .swiper-pagination-bullet-active{background: #fff;}
 .swiper-container-horizontal>.swiper-pagination{ right: 0; }
 .footer .productgecPic {bottom: 100px !important;z-index:102;}
 .footer .productgoodsTotal{z-index:102;bottom: 160px !important;right:38px !important;};

/*商品列表*/

.headerFixed{position: fixed;width: 100%; top: 0; left: 0; z-index: 100; background: #f5f5f5;
 height: 170px; padding-top: 10px;}
 .headerFixed1{ height: 100px; font-size: 24px;}
.search{ height: 70px;}
.seek{ width: 94%;font-size: 24px; height: 70px; line-height: 70px; border-radius: 35px; background: url(../images/search.jpg) no-repeat 10px center #fff; padding-left: 40px; position: absolute; left: 3%;}
.goodList{ width: 100%;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee; height: 85px;
position: absolute; top: 70px;}
.listTitle{width: 100%;background: #fff; height: 85px; line-height: 85px; position: absolute; top: 90px; position: relative;}
.list_ship{ position: absolute; top: 85px; width: 33.33%; text-align: center; font-size: 24px; background: #fff;}
.list_ship li{ line-height: 60px;}
.list_ship li a{ float: none; width: 100%; border-top: 1px solid #eeeeee;}
#lsit_type{color: #999999;}
.listTitle a{ width: 33.33%; text-align: center; display:block; float: left; color: #999999; font-size: 26px;}
.listTitle a.active{ color:#333333}
.listTitle a:nth-of-type(1),a:nth-of-type(2){ border-right: 1px solid #eeeeee; }
.listTitle a:nth-of-type(2),.listTitle a:nth-of-type(3){ position: relative; background: url(../images/bg01.png) no-repeat 92% 45%;}
.listTitle a.active01{background: url(../images/bg02.png) no-repeat 92% 45%; }
.listTitle a:nth-of-type(2) span,.listTitle a:nth-of-type(3) span{ position: absolute;left: 70%;}
.contentDetail{ background: #fff; height: 100%; overflow: auto; margin-top: 10px;}
.contentList{ padding:0 20px;}
.listInfo{}
.listInfo .pic{ float: left; padding-top: 20px; width: 27%;}
.listInfo .pic a{ width: 200px; height: 200px; }
.listInfo .pic a img{ width: 100%; }
.picInfo{ float: left; width: 70%; margin-left: 10px; margin-top: 10px; border-top: 1px solid #eeeeee; padding-top: 20px;}
.picInfo .bookInfo{color: #333333; display: block; padding-bottom: 40px;}
.ybPay,.oPrice { padding-left: 10px; }
.ybPay small{ font-size: 22px; }
.ybPay .presentPrice{ font-size: 30px;}
.ybPay{ position: relative; padding-left: 10px;}
.ybPay .specialPay{ background: #ff828a; padding: 1px 0; width: 72px; color: #fff; margin:0 10px; position: absolute; top: 5px; font-weight: normal; text-align: center;}
.oPrice small{ font-size: 22px; }
.presentPrice{ font-size: 30px; padding-right: 5px;}
.originalPrice{color: #cccccc; font-size: 30px; text-decoration:line-through}
.priceSum{ float: right; margin-top: 10px; font-size: 24px; color: #808080; text-align: right;}
.oPriceNum{ font-size: 16px; }
.footer{ text-align: center;}
.more{  line-height: 100px; height: 100px; font-size: 24px; color: #999999; border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;}
.more a{ color: #999; }
.footer{ position: relative; }
.footer .gecPic{ background: url(../images/gwclogo01.png) no-repeat right center; width: 91px; height: 92px; background-size: contain; display: block; 
right: 30px; bottom: 20px; position: fixed;}
.footer .goodsTotal{position: fixed; right: 43px; color: #fff; bottom:79px;font-size: 24px;}
.dh a:nth-of-type(3){ position: relative; }
.dh span.oNum{ position: absolute; font-size: 16px; display:inline-block; width: 40px; height: 40px; border-radius:20px; background-color: #3db5e6; color: #fff;
 line-height: 40px; top: 10%; right: 10%;}
 #warpTop section{ display: none;}

/* 订单填写页面*/
.receivingInfo{background: #fff; font-size: 22px;color:#a1a1a1; width: 100%; padding: 10px;}
.receivingCon{ margin: 10px;padding-top: 10px; position: relative;}
.receivingCon .fr{ position: absolute; right: 10px; top: 55px;}
.receivingPeople .receivingName,.receivingTel{ color:#333333;}
.receivingPeople .receivingName{ margin-left: 10%; }
.receivingPeople .receivingTel{ float: right; margin-right: 10%;}
.receivingAddress{ padding: 30px 0 15px 0;font-size:28px;}
.receivingAddress span{ float: left; }
.receivingAddress address{ float: left; width: 70%; margin-left:7%; color: #333333}
.payType{ background: #fff; padding: 20px; margin-top: 10px;}
.payChoose{ width: 100%; background: #fff;font-size: 28px;}
.payChoose03{background: url(../images/right.jpg) no-repeat right center;}
.payChoose01{ width: 100%; background: #fff;padding: 20px 0;font-size: 28px; position: relative;}
.payChoose01 .fr{ position: absolute; right: 10px; top: 15px; }
.payChoose02{ width: 100%; background: #fff; background: url(../images/xiaotubiao-21.gif) no-repeat right center; padding: 20px 0;
font-size: 28px;}
.payChoose .paySelect,.payChoose01 .paySelect{ float: left; color: #a1a1a1}
.payChoose  .payNotes,.payChoose01 .payNotes01{ float: right;margin-right: 7%;}
.payChoose01 .payNotes01 a{ color: #333333;}
.numOf{ float: right; font-size: 24px; }
.footerBg{ height: 100px; width: 100%; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
.calculate{ height: 100px; line-height: 100px; width: 100%;}
.combined{ width: 70%; float: left; background: #ffffff; color: #333333; font-size: 24px; padding-left: 5%; height: 100%;}
.combined .sumAll{ font-size: 36px; }
.settlement{ width: 30%; float: left; background: #ff828a; }
.settlement a{ display: block; color: #fff; text-align: center; font-size: 36px;}
.save{ color: #999999;}
.addCart{ position: fixed; bottom:0; width: 100%; background: #fff;padding-bottom:-1px; z-index:1000; padding-top:5px;}
.addCart a{ width: 45%; font-size: 30px; display: inline-block; text-align: center; border: 1px solid #dddddd;
height: 86px; line-height: 86px; color: #dddddd; border-radius: 5px; margin-left:3%;}
.addCart a.active{ color: #fff; background: #ff828a;}
.inputControl{ color: #999999;font-size:26px;}
.inputControl input{display:none}
.inputControl .check{background: url(../images/radioUnchecked.png) no-repeat; background-size: contain;
 width: 30px; height: 30px;padding: 0;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.inputControl.radio input[type="radio"]:checked ~ .check{ background: url(../images/radioChecked.png) no-repeat; background-size: contain; }
.chooseList ul li{ height: 90px; line-height: 90px; font-size: 22px; border-bottom: 1px solid #eeeeee; list-style:none;}
.payChooseList{ background: #fff; }
.chooseList{ padding-left: 2%;}
.payNotes{ color: #333333; }


/*个人中心*/
.bglogo{ width: 20%;  margin: 0 auto; padding: 10% 0;}
.bglogo img{ width: 100%; }
.help{ width: 100%; height: 100px; line-height: 100px; background: #fff; font-size: 22px; }
.helpType{ text-align: center; color: #333333 }
.order{background: #fff; margin-top: 10px; }
.orderList{ padding: 0 20px; }
.orderNo{color:#999999; font-size: 28px; height: 90px; line-height: 90px;}
.orderNo .withPay,.noInfo{ color: #333333;}
.orderNo .withPay{ float: right;}
.orderNo .noInfo{ margin-left: 5px;}
.orderCon{ width: 100%;}
.orderConImg{ float: left; margin: 10px; width: 28%;}
.orderConInfo{ float: left; width: 67%; margin: 20px 0; font-size: 26px; color: #333333; margin-left: 15px;}
.orderConInfo a{color: #333333}
.orderNum{ text-align: right; }
.oprice{ font-size: 28px; margin-top: 50px;}
.orderSelect{ text-align: right; padding: 15px 0; }
.orderSelect a{ border-radius: 5px; width: 20%; height: 48px;font-size:26px; display: inline-block; line-height: 48px; text-align: center;}
.removeOrder{ background: #fff; border:1px solid #eee;  color: #666666}
.orderSelect .goPay{ color: #ff828a; border:1px solid #ff828a;background: #fff; }
.oprice small{ font-size: 24px; }
.oprice .ybzf{ font-size: 28px; position: relative;}
.oprice .k5{ font-size: 14px; background: #ff828a; color: #fff; position: absolute; top: 5px; margin-left: 5px; padding:1px 5px;}
.oprice .k6 .fRight{ float: right; font-size: 26px; }


/*新增地址*/
.default label{}
.newAddress{  width: 100%; background: #fff;}
.newAddress input{ font-size: 28px; color: #999999;width: 80%; padding-bottom:0px;}
.newAddress input:nth-of-type(1){}
.addressInfo{font-size: 28px; color: #999999; }
.addressInfo div{border-bottom: 1px solid #eeeeee;height: 88px; line-height: 88px;background: #fff;}
.newAddress div p{ padding-left: 2%; letter-spacing: 2px;}
.newAddress div p b{ font-weight: normal; color: #333333; padding: 0 1%;}
.userAddress01{}
.userAddress01 input{ font-size: 28px; color: #999999;}
.subtn{ width: 100%; background: #f5f5f5; position: fixed; bottom: 0px;}
.sub{ width: 40%; float: left; }
.submit{ background: #ff828a; margin: 0 2%; display: block; color: #fff; height: 90px; line-height: 90px;
font-size: 28px;}
.addressSet{ width: 100%; background: #fff; margin-top: 10px;}
.default{ padding-left: 19px; line-height: 60px;}
.default label .defaultAddress{ float: left; font-size: 28px;    color: #999999;}
.default label .check{ float: right; margin-right: 30px; height: 15px; width: 15px; margin-top: 22px;}
.default label .check{ background: url(../images/checkUnCheck.png) no-repeat center center;background-size: contain; }
.default label  input:checked + span{ background: url(../images/checkChecked.png)no-repeat center center;; }
.subList{ background: #fff; width: 100%; font-size: 26px;}
.subList a{ width: 50%;float: left; text-align: center; line-height: 80px;background: #fff; color: #000;}
.subList a.pink{ background: #ff828a; color: #fff;}
.citys select{font-size: 28px;color: #999999;}
/*收货地址*/
.addAddress{ width: 100%;  background: #fff; padding: 2% 0;}
.addressType{ padding:0 2% 2% 2%; font-size: 24px; }
.addressType span{ float: left;color: #999999}
.addressType a{ float: right; color: #fff; background: #ff828a; width: 220px; height:48px; line-height: 48px; border-radius:110px;}
.addressAdd{ width: 96%; border:2px dotted #eeeeee; margin: 0 2%; text-align: center; padding: 3% 0;}
.addressAdd a{ width: 70px; height: 70px; border-radius: 50%; border:2px solid #9c9c9c; display: block; line-height: 70px; margin: 0 auto; font-size: 36px; color:#9c9c9c }
.addressAdd p{ font-size: 28px; color: #999999; }

/*购物车页面*/
.cartList{ background: #fff; position: relative;}
.cartList .contentList{ padding: 0; }
.cartList .contentList .pic{ padding-left: 20px; }
.cartList .contentList .picInfo{ width: 66%; padding-left: 18px;}
.yoyotu{ float: left;  }
.picInfo .purchaseNum{ margin-top: 15px; } 
.contentList{ overflow: hidden;}
.cartList .contentList .listInfo{ padding-bottom: 18px; border-bottom: 1px solid #eeeeee;
transform:translateX(0px);z-index: 10; background: #fff;}
.recommendations{ width: 100%;} 
.recommendationsList{ float: left; width: 46%; background: #fff; margin-left:2.6%;     margin-bottom: 10px;}
.recommendationsList p{}
.bookInfo{ padding-left: 10px; font-size: 26px; padding-bottom: 10px;}
.bookInfo a{ color: #333333; font-size: 24px; }
.recommendationsList a{ display: block; }
.originalPrice small,.presentPrice small{ font-size: 18px; }
.paySum{ font-size: 16px; color: #dadada; }
.bookInfo a{ height: 60px; }
.bookInfo p:nth-of-type(2){ padding-top: 0; }
.bigFontsize{ font-size: 23px; }
.delete{ position: absolute; right: -120px;}
.delete a{ background:#ff4539; position: absolute; right: 0; width: 120px; height:240px; text-align: center; line-height: 240px;
font-size: 28px; color: #fff;z-index: 1}
.purchaseNum .active{ background: #f0f0f0 }
.m-cart-e .buy{line-height:100px;display:block;border-radius:2px;background:#ff828a;color:#fff;font-size:36px;text-shadow:-1px -1px 1px #ff828a;margin:15px;-webkit-box-shadow:0 -1px 1px #ff828a inset;font-weight:700}


/*地址列表*/
.addressEditable { background: #fff; position: relative; font-size: 26px;padding: 10px; margin-top: 10px; -webkit-transform: translateX(0px);}
.receivingAddress01{ padding: 30px 0 15px 0; }
.receivingAddress01 span{ font-size: 28px; color: #999999; float: left; padding-left: 2%;}
.receivingAddress01 address{ color: #333333;font-size: 28px; width: 70%; float: left; margin-left: 7%;}
.receivingCon01{ margin: 10px; background: url(../images/xiaotubiao-1.gif) no-repeat right center; padding-top: 10px;}
.operation{ position: absolute; right: -240px; top: 0; height: 100%; font-size: 0;}
.operation .Editable,.delete01{ width: 120px; display: inline-block; text-align: center; height: 100%; color: #fff; font-size: 22px; line-height: 180px;}
.Editable{ background: #ffd900 }
.delete01{ background: #ff4539 }
.receivingPeople { padding-left: 2%; color: #999999;font-size:28px;}
.receivingPeople .receivingName,.receivingTel{ color:#333333;}
.receivingPeople .receivingName{ margin-left: 10%;}
.receivingPeople .receivingTel{ float: right; margin-right: 10%;}

/*订单列表*/
/*page*/
.c-load{margin:15px 20px -5px;color:#666;text-align:center;background:#e7e7e7;padding:8px 0;line-height:20px;font-size:28px;}
.c-load b{color:#c00;padding:0 3px;font-weight:normal}.c-load span{display:block;color:#aaa}
.m-page{width:300px;margin:20px auto;display:-webkit-box}
.m-page .pg-pre,.m-page .pg-next{width:90px;height:30px;line-height:30px;font-size:1.6rem;color:#fff}
.m-page .pg-pre a,.m-page .pg-next a{display:block;margin-left:17px;position:relative;background:#d96e6e;text-align:center;color:#fff;font-weight:700}
.m-page .pg-pre a i,.m-page .pg-next a i{width:17px;height:30px;overflow:hidden;position:absolute;top:0;left:-17px}
.m-page .pg-pre a i:after,.m-page .pg-next a i:after{content:'';width:22px;height:22px;background:#d96e6e;position:absolute;top:4px;left:6px;-webkit-transform:rotate(45deg);}
.m-page .pg-next a{margin:0 17px 0 0}
.m-page .pg-next a i{left:auto;right:-17px}
.m-page .pg-next a i:after{left:-10px}
.m-page .pg-grey a,.m-page .pg-grey a i:after{background:#eec5c5;color:#f5eded;}
.m-page .pg-num{-webkit-box-flex:1;margin:0 .5rem;background:#e7e7e7;text-align:center;color:#666666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;font-size:22px;line-height:30px !important;}
.m-page .pg-num:after{content:"";width:0px;height:0px;border-top:0px solid #888;border-left:0px solid #888;-webkit-transform:rotate(225deg);display:inline-block;margin:0px;vertical-align:top}
.m-page .pg-num.on:after{-webkit-transform:rotate(45deg);margin:0px}
.m-page .pg-num .pg-opt{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}


